<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="libs/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="pub/JSCommonUtil.js"></script>
		<title></title>
	</head>


	<body>
		<input id='f' type="text" />
		<textarea id='g'></textarea>
		<!-- 33{{new Date|filter}}33 -->
		<!-- {{a.b}} -->
		<input id='checkbox' type="checkbox"  >

		<input id='radio' type="radio" name='abd'>
		<input  type="radio" name='abd'>

		<h2>end</h2>
		<select id='s'>
			<option value="a">bcd</option>
			<option value='abc'>fff</option>
		</select>
		<script type="text/javascript">
		
		$(function(){
			// jc.pb("abc").bind("abc",function(data){
			// 	console.log(data);
			// 	console.log(this);
			// 	console.log("绑定成功")
			// })
			// jc.pb("abc").publish("abc","数据...");
			console.log($("#f"))
			// $("#f")[0].addEventListener('click',function(){
			// 	console.log("click1")
			// })
			// $("#f")[0].addEventListener('click',function(){
			// 	console.log("click2")
			// })
			// 
			
			
			// $("#f")[0].addEventListener('input',function(event){
			// 	console.log(event.target.value)
			// 	console.dir(event)
			// })
			// var event = document.createEvent("Event")
   //          event.initEvent("input", true, true)
   //          $("#f").val("abc")
   //          $("#f")[0].dispatchEvent(event)

			// $("#f").keyup(function(){
			// 	console.log("abc")
			// })
			//$("#f").val("321")
			
			// $("#f")[0].addEventListener('input',function(event){
			// 	console.log(event.target.value)
			// })
			// $("#g")[0].addEventListener('keyup',function(event){
			// 	console.log(event.target.value)
			// })
			// $("#g")[0].addEventListener('input',function(event){
			// 	console.log(event.target.value)
			// })
			// $("#checkbox")[0].addEventListener('click',function(){
			// 	console.log(event.target.checked)
			// })
			// $("#radio")[0].addEventListener('change',function(){
			// 	//console.log($("#radio"))
			// 	console.log(event.target.checked)
			// })

			// $("#s")[0].addEventListener('change',function(){
			// 	//console.log($("#radio"))
			// 	console.log(event.target.value)
			// })
			// console.log($("#g"))
			// console.log($("#s"))
			// function TD(){
			// 	return TD.a
			// }
			// function TD1(){
			// 	return TD1.a
			// }
			// function testAsync(time,name){
			// 	TD1.a = name
				
			// 	setTimeout(function(){
			// 		TD.a=name
			// 		console.log("async"+TD())
			// 		console.log("not "+TD1())
			// 	},time)
			// }
			// testAsync(2000,"t1")
			// testAsync(10,"t2")
			function testAsync(time,name){
				var  b= name+1;
				var d=name+"i"
				setTimeout(function(){
					//console.log(b)
					scan(b)
					console.log("abc:==> "+d)
				},time)

				function scan(name){
					console.log(b)
				}
			}

			testAsync(3000,"t1")
			testAsync(10,"t2")
			
			elems =[];
			var frag =document.createDocumentFragment()
			for(var i=0;i<2;i++){
				var elem = document.createTextNode("abc"+i)
				elem.abc=i
				elems.push(elem)
				frag.appendChild(elem)

			}
			
		})
		</script>
	</body>
</html>